<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name='keywords' content='云竹众包'>
    <meta name='description' content='云竹众包'>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>任务报名</title>

    <link rel="stylesheet" href="/yunzhuVue/build/css/base.css">
    <link rel="stylesheet" href="/yunzhuVue/build/css/int.css">
    <link rel="stylesheet" href="/yunzhuVue/build/css/task-entered.css">
</head>
<body>

<!-- 报名 -->
<section id="task-entered">
    <div class="container">

        <!-- 左边表单填写 -->
        <div id="entered-form">
            <h2>报名任务: <span class="etd-name">任务名称任务名称任务名称任务名称任务名称任务名称任务名称任务名称任务名称</span></h2>

            <div class="etd-body">
                <div class="etd-com">
                    <p class="etd-title">服务说明</p>
                    <textarea name="" cols="30" rows="10" placeholder="说点什么吧"></textarea>
                </div>
                <div class="etd-com">
                    <p class="etd-title">服务承诺(选填)</p>
                    <textarea name="" cols="30" rows="6" placeholder="说点什么吧"></textarea>
                </div>

                <!-- 附件 -->
                <div class="etd-attachment">
                    <p class="etd-title">附件</p>
                    <div class="etd-upload">

                    </div>
                </div>

                <!-- 报价 -->
                <div class="etd-offer clearfix">
                    <label for="entered-money">你的报价</label>
                    <input type="text" id="entered-money" placeholder="报价">
                </div>

                <!-- btn -->
                <a href="javascript:;" class="etd-form-btn">确认报名</a>
            </div>
        </div>

        <!-- 右边信息显示 -->
        <div id="entered-msg">
            <div id="task-etd">
                <!-- 头部 -->
                <div class="etd-head">
                    <div class="etd-hd-master">
                        <div class="etd-hd-img">
                            <img src="/yunzhuVue/image/hd.png" alt="img">
                        </div>
                        <p>发布者</p>
                    </div>
                    <a href="javascript:;" class="etd-company">成都上市吧信息技术有限公司</a>
                </div>

                <!-- 身体 -->
                <div class="etd-details">
                    <div class="etd-com">
                        <div class="etd-ask">
                            <i class="etd-ico"></i>
                            <span>任务类型</span>
                        </div>
                        <span class="etd-asw">竞标任务</span>
                    </div>
                    <div class="etd-com">
                        <div class="etd-ask">
                            <i class="etd-ico"></i>
                            <span>任务类型</span>
                        </div>
                        <span class="etd-asw">竞标任务</span>
                    </div>
                    <div class="etd-com">
                        <div class="etd-ask">
                            <i class="etd-ico"></i>
                            <span>任务类型</span>
                        </div>
                        <span class="etd-asw">竞标任务</span>
                    </div>
                    <div class="etd-com">
                        <div class="etd-ask">
                            <i class="etd-ico"></i>
                            <span>任务类型</span>
                        </div>
                        <span class="etd-asw">竞标任务</span>
                    </div>
                    <div class="etd-com">
                        <div class="etd-ask">
                            <i class="etd-ico"></i>
                            <span>任务类型</span>
                        </div>
                        <span class="etd-asw">竞标任务</span>
                    </div>
                    <div class="etd-com">
                        <div class="etd-ask">
                            <i class="etd-ico"></i>
                            <span>任务类型</span>
                        </div>
                        <span class="etd-asw">竞标任务</span>
                    </div>
                </div>

                <!-- 按钮 -->
                <div class="etd-btn-wrap clearfix">
                    <a href="javascript:;" class="etd-btn">查看任务描述</a>
                    <a href="javascript:;" class="etd-btn">先收藏</a>
                </div>
            </div>
        </div>
    </div>
</section>


<script src="/yunzhuVue/plugin/jquery-3.1.1/jquery-3.1.1.js"></script>
<script src="/yunzhuVue/plugin/Vue/vue.js"></script>
<script src="/yunzhuVue/plugin/Vue/vue-router/dist/vue-router.js"></script>

<!-- 选择省市 -->
<script src="/yunzhuVue/plugin/distpicker-master/dist/distpicker.js"></script>

<!-- 分页器 -->
<script src="/yunzhuVue/plugin/laypage-v1.3/laypage/laypage.js"></script>


<script>


</script>
</body>
</html>